<template>
    <div>
        <my-carousel class="tl" :pic="pic"></my-carousel>
        <ul class="mui-table-view mui-grid-view mui-grid-9">
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/news">
                    <img src="../../images/menu1(1).png" alt="">
                    <div class="mui-media-body">新闻</div></router-link></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/photoList">
                    <img src="../../images/menu2.png" alt="">
                    <div class="mui-media-body">图片</div></router-link></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" @click="go"><a href="#">
                    <img src="../../images/menu3.png" alt="">
                    <div class="mui-media-body">测试编程市导航</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/goodsList">
                   <img src="../../images/menu4.png" alt="">
                    <div class="mui-media-body">购物</div></router-link></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                    <img src="../../images/menu5.png" alt="">
                    <div class="mui-media-body">Search</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                    <img src="../../images/menu6.png" alt="">
                    <div class="mui-media-body">Phone</div></a></li>
        </ul>
        <div>------------------------</div>
    </div>
</template>
<script>
    import { Toast } from 'mint-ui';
    import carousel from '../carousel.vue';
    export default {
        data(){
            return {
                msg:'info',
                pic:[]
            }
        },
        methods:{
            showInfo(){
                Toast(this.msg);
            },
            getlunbo(){
                // this.$http.get('http://vue.studyit.io/api/getlunbo').then((res)=>{
                //     this.pic = res.body.message;
                // })
                this.pic = [
                    {img:'/src/images/menu2.png'},
                    {img:'/src/images/menu3.png'},
                    {img:'/src/images/menu4.png'},
                    {img:'/src/images/menu5.png'},
                    {img:'/src/images/menu6.png'}
                ]
            },
            go(){
                //this.$router.push({name:'test',query:{id:12}});
            }
        },
        created(){
            this.getlunbo();
        },
        components:{
            'my-carousel':carousel
        }
    }
</script>
<style scoped lang="less">
.mint-swipe{
    height:400px;
    .mint-swipe-item{
        a{
            width:100%;
            img{
                width:100%;
                height:100%;
            }
        }
    }
}
.mui-table-view{
    background-color:#fff;
    border:none;
    img{
        width:60px;
        height:60px;
    }
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
    border:none;
}
</style>